<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种位置</title>
<!--    <script src="01.js">-->
<!--    //  单独做引用可以写这里 head里面-->
<!--    </script>-->
</head>
<body>
<!--1.行内写法，写在对应的HTML元素上-->
    <button onclick="alert('请先登录!')">点击即玩</button>
    <button onclick="console.log('点我干嘛')">点击即玩2</button>
    <h1 id="t1">我是大标题</h1>
    <!--2.内部写法，写在body结束标签之前！-->
    <script>
        console.log('你好！星期六！');
        //可以通过id值直接获取对应的完整HTML元素
        console.log(t1);
    </script>
<!--3.引入外部的JS文件 注意：内部不能写JS代码，不会执行！-->
<script src="01.js">
    console.log('你看看我会执行不？')
</script>
</body>
</html>